<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/xhtml/templates/layout.xhtml">

	<ui:define name="title">#{msgs.VueFormateur_tabTitle}</ui:define>

	<ui:define name="entete">
		<h:form id="enteteForme" styleClass="container-vertically-centered">
			
		</h:form>
	</ui:define>
	
	<ui:define name="vueFormateur_optionButton">
		<h:form id="bibliotheque_optionButtonForme" styleClass="container-vertically-centered">
			<p:toolbar id="enteteTolBar">
				<p:toolbarGroup id="enteteTolBarGroup" align="center">

					<p:menubar autoSubmenuDisplay="true">
						<p:submenu label="#{msgs.VueFormateur_Formateurs_rechercher}" icon="ui-icon ui-icon-search">
							<p:menuitem value="#{msgs.VueFormateur_Formateurs_chercherFormateur}" action="#{manageBeanAgenda.toSearch}" ajax="false"/>
						</p:submenu>
						
						<p:submenu label="#{msgs.VueFormateur_Formateurs_ajout}" icon="ui-icon ui-icon-gear">
							<p:menuitem value="#{msgs.VueFormateur_Formateurs_ajoutFormation}" action="vueCompetenceUtilisateur.xhtml" ajax="false"/>
						</p:submenu>
						</p:menubar>
						
				</p:toolbarGroup>
			</p:toolbar>
		</h:form>
	</ui:define>

	<ui:define name="vueFormateur_layoutUtilisateur">
		<p:layout styleClass="myLayoutStyleClass" style="min-width: 100px; height:760px;  margin-bottom: 0.50%; margin-top: 0.50%" id="layout">
			<p:layoutUnit position="west" size="315" header="#{msgs.VueFormateur_NewFormateur_header}" styleClass="myLayoutStyleClass">
				<h:form id="vueFormateur_newFormateurForme" styleClass="container-vertically-centered">
						<p:fieldset style="width: 280px; margin-top: 2.50%;">
							<h:panelGroup id="AjoutFormateur_AjoutGroup">
								<h:panelGrid id="AjoutFormateur_AjoutGrid" columns="2" cellpadding="10">

									<h:outputLabel for="newNom" value="#{msgs.VueFormateur_NewFormateur_nom}" />
									<p:inputText id="newNom" value="#{manageBeanUtilisateur.utilisateurAdd.nom}" label="Nom" required="true">
										<f:validateRequired />
									</p:inputText>

									<h:outputLabel for="newPrenom" value="#{msgs.VueFormateur_NewFormateur_prenom}" />
									<p:inputText id="newPrenom" value="#{manageBeanUtilisateur.utilisateurAdd.prenom}" label="Prenom" required="true">
										<f:validateRequired />
									</p:inputText>
									
									<h:outputLabel for="newAdresse" value="#{msgs.VueFormateur_NewFormateur_adresse}" />
									<p:inputText id="newAdresse" value="#{manageBeanUtilisateur.utilisateurAdd.adresse}" label="Adresse" required="true">
										<f:validateRequired />
									</p:inputText>
									
									<h:outputLabel for="newNumeroFixe" value="#{msgs.VueFormateur_NewFormateur_numeroFixe}" />
									<p:inputText id="newNumeroFixe" value="#{manageBeanUtilisateur.utilisateurAdd.numeroFixe}" label="Numero fixe" />
									
									<h:outputLabel for="newNumeroNatel" value="#{msgs.VueFormateur_NewFormateur_numeroNatel}" />
									<p:inputText id="newNumeroNatel" value="#{manageBeanUtilisateur.utilisateurAdd.numeroNatel}" label="Numero de natel" />

									<h:outputLabel for="newMail" value="#{msgs.VueFormateur_NewFormateur_mail}" />
									<p:inputText id="newMail" value="#{manageBeanUtilisateur.utilisateurAdd.mail}" label="Mail" required="true">
										<f:validateRequired />
									</p:inputText>

									<h:outputLabel for="newUser" value="#{msgs.VueFormateur_NewFormateur_user}" />
									<p:inputText id="newUser" value="#{manageBeanUtilisateur.utilisateurAdd.user}" label="User" required="true">
										<f:validateRequired />
									</p:inputText>

									<h:outputLabel for="newPassword" value="#{msgs.VueFormateur_NewFormateur_password}" />
									<p:password id="newPassword" value="#{manageBeanUtilisateur.utilisateurAdd.password}" label="Password" feedback="false" required="true" >
										<f:validateRequired />
									</p:password>
									
								</h:panelGrid>
								<h:panelGrid id="id_AjoutFormateur_ButtonAjoutGrid" columns="3">

									<p:commandButton value="#{msgs.VueFormateur_NewFormateur_enregistrer}" action="#{manageBeanUtilisateur.add}" ajax="false" />

								</h:panelGrid>
							</h:panelGroup>
						</p:fieldset>
					
				</h:form>
				
				<p:toolbar id="id_toolbar_Ajouter-compétence-formateur" style="height: 20px; text-align:center; margin-top: 6%;" >
					<p:toolbarGroup id="id_toolbarGroup_Ajouter-compétence-formateur" align="left">
						<h:outputText value="#{msgs.VueFormateur_AjoutCompetenceFormateur_header}" />
					</p:toolbarGroup>
				</p:toolbar>

				<h:form id="id_form_Ajouter-compétence-formateur" styleClass="container-vertically-centered">
					<p:fieldset style="width: 280px; margin-top: 3%; ">
						<h:panelGrid id="id_panelGrid_Ajouter-compétence-formateur" columns="2">
							
							<h:outputLabel for="newIdFormateur" value="#{msgs.VueFormateur_AjoutCompetenceFormateur_user}" />
								<p:selectOneMenu value="#{manageBeanFormateurCompetence.formateurCompetence.idFormateur}" effect="fade" style="width: 164px;">
									<f:selectItem itemLabel="Select One Formateur" itemValue=""/>
									<f:selectItems value="#{manageBeanUtilisateur.service.valuesIdFormateur}"/>
								</p:selectOneMenu>
								
								<h:outputLabel for="newIdCompetence" value="#{msgs.VueFormateur_AjoutCompetenceFormateur_titre}" />
								<p:selectOneMenu value="#{manageBeanFormateurCompetence.formateurCompetence.idCompetence}" effect="fade" style="width: 164px;">
									<f:selectItem itemLabel="Select One Competence" itemValue=""/>
									<f:selectItems value="#{manageBeanCompetence.service.valuesIdCompetence}"/>
								</p:selectOneMenu>
								
								<p:commandButton value="#{msgs.VueFormateur_AjoutCompetenceFormateur_enregistrer}" action="#{manageBeanFormateurCompetence.add}" ajax="false" />
						</h:panelGrid>
					</p:fieldset>
				</h:form>
				
				<p:toolbar id="id_toolbar_Del-compétence-formateur" style="height: 20px; text-align:center; margin-top: 5%;" >
					<p:toolbarGroup id="id_toolbarGroup_Del-compétence-formateur" align="left">
						<h:outputText value="#{msgs.VueFormateur_SuppCompetenceFormateur_header}" />
					</p:toolbarGroup>
				</p:toolbar>
				
				<h:form id="id_form_Del-compétence-formateur" styleClass="container-vertically-centered">
					<p:fieldset style="width: 280px; margin-top: 3%; ">
						<h:panelGrid id="id_panelGrid_Del-compétence-formateur" columns="2">
							
							<h:outputLabel for="delIdFormateur" value="#{msgs.VueFormateur_SuppCompetenceFormateur_user}" />
								<p:selectOneMenu value="#{manageBeanFormateurCompetence.formateurCompetence.idFormateur}" effect="fade" style="width: 164px;">
									<f:selectItem itemLabel="Select One Formateur" itemValue=""/>
									<f:selectItems value="#{manageBeanUtilisateur.service.valuesIdFormateur}"/>
								</p:selectOneMenu>
								
								<h:outputLabel for="delIdCompetence" value="#{msgs.VueFormateur_SuppCompetenceFormateur_titre}" />
								<p:selectOneMenu value="#{manageBeanFormateurCompetence.formateurCompetence.idCompetence}" effect="fade" style="width: 164px;">
									<f:selectItem itemLabel="Select One Competence" itemValue=""/>
									<f:selectItems value="#{manageBeanCompetence.service.valuesIdCompetence}"/>
								</p:selectOneMenu>
								
								<p:commandButton value="#{msgs.VueFormateur_SuppCompetenceFormateur_supp}" action="#{manageBeanFormateurCompetence.del}" ajax="false" />
						</h:panelGrid>
					</p:fieldset>
				</h:form>

			</p:layoutUnit>
			<p:layoutUnit position="center" header="#{msgs.VueFormateur_Formateurs_header}" style="text-align:center;">

				<h:form id="vueFormateur_tableFormateurForm" styleClass="container-vertically-centered" >
					<h:panelGrid id="vfFormateurGrid" columns="3">

						<h:outputText value="#{msgs.VueFormateur_Formateurs_nbFormateur}" />

						<h:outputText>
							#{manageBeanUtilisateur.service.nbFormateur}
						</h:outputText>

					</h:panelGrid>
				</h:form>
				<h:form id="vueFormateur_tableFormateurForme" styleClass="container-vertically-centered">
						<p:dataTable id="vueFormateur_tableDatatTable" var="formateur" value="#{manageBeanUtilisateur.service.all}"
							paginator="true" rows="5" rowKey="#{formateur.key}" selection="#{manageBeanUtilisateur.selectedUtilisateur}" selectionMode="single"
							paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
							rowsPerPageTemplate="5,10,15" emptyMessage="Pas d'utilisateur trouvés avec les critères donnés" >

							<f:facet name="header">
								<h:outputText value="#{msgs.VueFormateur_Formateurs_tableHeader}" />
							</f:facet>
							
							<p:column id="idUtilisateurColumn" style="width: 17px" filterStyle="width: 17px" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextIdUtilisateur}" filterBy="#{formateur.idUtilisateur}" filterMatchMode="contains" >
								<h:outputText value="#{formateur.idUtilisateur}" />
							</p:column>

							<p:column id="userColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextUser}" filterBy="#{formateur.user}" filterMatchMode="contains" >
								<h:outputText value="#{formateur.user}" />
							</p:column>
							
							<p:column id="NomColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextNom}" filterBy="#{formateur.nom}" filterMatchMode="contains" >
								<h:outputText value="#{formateur.nom}" />
							</p:column>
							
							<p:column id="PrenomColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextPrenom}" filterBy="#{formateur.prenom}" filterMatchMode="contains" >
								<h:outputText value="#{formateur.prenom}" />
							</p:column>
							
							<p:column id="AdresseColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextAdresse}" filterBy="#{formateur.adresse}" filterMatchMode="contains" >
								<h:outputText value="#{formateur.adresse}" />
							</p:column>
							
							<p:column id="NumeroFixeColumn" style="width: 75px" filterStyle="width: 75px" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextNumeroFixe}" filterBy="#{formateur.numeroFixe}" filterMatchMode="contains" >
								<h:outputText value="#{formateur.numeroFixe}" />
							</p:column>
							
							<p:column id="NumeroNatelColumn" style="width: 75px" filterStyle="width: 75px" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextNumeroNatel}" filterBy="#{formateur.numeroNatel}" filterMatchMode="contains" >
								<h:outputText value="#{formateur.numeroNatel}" />
							</p:column>
							
							<p:column id="MailColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextMail}" filterBy="#{formateur.mail}" filterMatchMode="contains" >
								<h:outputText value="#{formateur.mail}" />
							</p:column>
							
							<p:column id="PasswordColumn" headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextPassword}" filterBy="#{formateur.password}" filterMatchMode="contains" >
								<h:outputText value="#{formateur.password}" />
							</p:column>

							<p:column headerText="#{msgs.VueFormateur_Formateurs_tableHeaderTextOption}" >
								<p:commandButton id="aa" value="info+" action="#{manageBeanUtilisateur.info(formateur)}" ajax="false" />
								<p:commandButton id="b" value="#{msgs.VueFormateur_Formateurs_tableHeaderTextEdit}" oncomplete="edit.show()" update="popoUpdateUtilisateur_Form" />
								<p:commandButton id="c" value="#{msgs.VueFormateur_Formateurs_tableHeaderTextDelete}" oncomplete="confirmation.show()" update="vueFormateur_Form" />
							</p:column>

					</p:dataTable>					
				</h:form>
				<h:form id="bibliotheque_informationLivreForm" styleClass="container-vertically-centered">

					<p:toolbar id="t" style="height: 20px; text-align:center; margin-top: 3%;">
						<p:toolbarGroup id="ta" align="center">
							<h:outputText value="#{msgs.VueFormateur_AffichCompetenceFormateur_header}" />
						</p:toolbarGroup>
					</p:toolbar>

					<p:spacer height="20" />

					<p:dataTable id="agenda_tableDatatTable" var="competence" value="#{manageBeanUtilisateur.serviceCompetence.allCompetenceSearch}"
								 rowKey="#{competence.key}" selection="#{manageBeanCompetence.selectedCompetence}" selectionMode="single"
								 style="margin-left: 35%; margin-right: 35% ">

						<f:facet name="header">
							<h:outputText value="#{msgs.VueFormateur_AffichCompetenceFormateur_tableHeader}" />
						</f:facet>

						<p:column headerText="#{msgs.VueFormateur_AffichCompetenceFormateur_tableHeaderTextId}">
							<h:outputText value="#{competence.idCompetence}" />
						</p:column>

						<p:column headerText="#{msgs.VueFormateur_AffichCompetenceFormateur_tableHeaderTextTitre}">
							<h:outputText value="#{competence.titre}" />
						</p:column>

						<f:facet name="footer">
							<h:outputText />
						</f:facet>

					</p:dataTable>
				</h:form>
			</p:layoutUnit>
		</p:layout>
	</ui:define>	
	
	<ui:define name="vueFormateur_popoUpdateUtilisateur">
		<h:form id="popoUpdateUtilisateur_Form" styleClass="container-vertically-centered">
			<p:growl id="msgs" />
			<p:dialog id="dialogId" header="#{msgs.VueFormateur_ModifFormateur_header}" widgetVar="edit" showEffect="explode" hideEffect="explode" height="320" width="290">
				<h:panelGrid id="bibliotheque_informationLivreGrid" columns="2">
					<h:panelGroup>
						<h:panelGrid id="a" columns="2" border="4" cellpadding="2">

							<h:outputText value="#{msgs.VueFormateur_ModifFormateur_utilisateur}" />								
							<p:inputText id="updUser" value="#{manageBeanUtilisateur.utilisateur.user}" label="Nom update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdIdUtilisateur" />
							</p:inputText>
							
							<h:outputLabel for="updIdUtilisateur" value="#{msgs.VueFormateur_ModifFormateur_id}" />
							<p:inputText id="updIdUtilisateur" value="#{manageBeanUtilisateur.utilisateur.idUtilisateur}" label="IdUtilisateur update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdIdUtilisateur" />
							</p:inputText>
							

							<h:outputLabel for="updNom" value="#{msgs.VueFormateur_ModifFormateur_nom}" />
							<p:inputText id="updNom" value="#{manageBeanUtilisateur.utilisateur.nom}" label="Nom update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdNom" />
							</p:inputText>
							

							<h:outputLabel for="updPrenom" value="#{msgs.VueFormateur_ModifFormateur_prenom}" />
							<p:inputText id="updPrenom" value="#{manageBeanUtilisateur.utilisateur.prenom}" label="Prenom update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdPrenom" />
							</p:inputText>
							
							<h:outputLabel for="updAdresse" value="#{msgs.VueFormateur_ModifFormateur_adresse}" />
							<p:inputText id="updAdresse" value="#{manageBeanUtilisateur.utilisateur.adresse}" label="Adresse update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdAdresse" />
							</p:inputText>
							
							<h:outputLabel for="updNumeroFixe" value="#{msgs.VueFormateur_ModifFormateur_telephone}" />
							<p:inputText id="updNumeroFixe" value="#{manageBeanUtilisateur.utilisateur.numeroFixe}" label="NumeroFixe update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdNumeroFixe" />
							</p:inputText>
							
							<h:outputLabel for="updNumeroNatel" value="#{msgs.VueFormateur_ModifFormateur_natel}" />
							<p:inputText id="updNumeroNatel" value="#{manageBeanUtilisateur.utilisateur.numeroNatel}" label="NumeroNatel update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdNumeroNatel" />
							</p:inputText>
							
							<h:outputLabel for="updMail" value="#{msgs.VueFormateur_ModifFormateur_email}" />
							<p:inputText id="updMail" value="#{manageBeanUtilisateur.utilisateur.mail}" label="Mail update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdMail" />
							</p:inputText>
							
							<h:outputLabel for="updPassword" value="#{msgs.VueFormateur_ModifFormateur_password}" />
							<p:inputText id="updPassword" value="#{manageBeanUtilisateur.utilisateur.password}" label="Password update">
								<f:validateRequired />
								<p:ajax event="blur" update="msgUpdPassword" />
							</p:inputText>

						</h:panelGrid>
					</h:panelGroup>
				</h:panelGrid>

				<p:commandButton value="#{msgs.VueFormateur_ModifFormateur_enregistrer}" action="#{manageBeanUtilisateur.update}" ajax="false" />

			</p:dialog>
		</h:form>
	</ui:define>

	<ui:define name="vueFormateur_confirmationDeleteUtilisateur">
		<h:form id="vueFormateur_Form" styleClass="container-vertically-centered">
			
			<p:confirmDialog  message="#{msgs.VueFormateur_SuppFormateur_text}" showEffect="bounce" hideEffect="explode" header="#{msgs.VueFormateur_SuppFormateur_header}" severity="alert" widgetVar="confirmation">
				<p:commandButton value="#{msgs.VueFormateur_SuppFormateur_non}" action="successUtilisateur" ajax="false" />
				<p:commandButton value="#{msgs.VueFormateur_SuppFormateur_oui}" action="#{manageBeanUtilisateur.del}" ajax="false" />
			</p:confirmDialog>
			
		</h:form>
	</ui:define>

	<ui:define name="pieddepage">
		<h:form id="pieddepageForm" styleClass="container-vertically-centered">
			<p:toolbar id="pieddepageTolBar" style="height: 30px;">
				<p:toolbarGroup id="pieddepageTolBarGroup" align="center">
					<h:outputText value="#{msgs.VueFormateur_underTitle}" />
				</p:toolbarGroup>
			</p:toolbar>
		</h:form>
	</ui:define>

</ui:composition>